import React from 'react'
import style from "../sass/Home.module.scss"
import Img from "../../../assets/tu1.jpg"
import Image from "../../../assets/tu2.jpg"
import { useNavigate } from 'react-router-dom'
function HomeHeader() {
    let navigate = useNavigate()
    const toDetail = () => {
        navigate("/Detail")
    }
    return (
        <div>
            <h2>当地推荐</h2>
            <div className='aaa'>
                <img className={style['Img']} src={Img} alt="" />
                <img className={style['Img']} src={Img} alt="" />
                <img className={style['Img']} src={Img} alt="" />
            </div>
            <div className='bbb'>
                <img className={style['Image']} src={Image} alt="" onClick={toDetail} />
                <h2>Kurogi黑木</h2>
                <p>4.7评分</p>
            </div>
            <div className='bbb'>
                <img className={style['Image']} src={Image} alt="" />
                <h2>Kurogi黑木</h2>
                <p>4.7评分</p>
            </div>
            <div className='bbb'>
                <img className={style['Image']} src={Image} alt="" />
                <h2>Kurogi黑木</h2>
                <p>4.7评分</p>
            </div>
        </div>
    )
}

export default HomeHeader
